CSS保健室｜border、outline

2018年6月11日 — border 可应用于几乎所有有形的html元素，而outline 是针对链接、表单控件和ImageMap等元素设计。从而另一个区别也可以推理出，那就是： outline 的效果将 ...

2023年2月20日 — The outline-offset CSS property sets the amount of space between an outline and the edge or border of an element.

2023年2月20日 — Description. Outline is a line outside of the element's border. Unlike other areas of the box, outlines don't take up space, so they ...

2023年2月20日 — The CSS outline-width property sets the thickness of an element's outline. An outline is a line that is drawn around an element, ...

當要為要元素添加邊框，你可以使用 border 來為元素周圍添加實線或斜線等的邊框，甚至可以指定某個特定方向來做底線等變化，CSS 中也有一個屬性 outline 可以來為元素設定 ...

根據CSS規範的描述： ... The parts of the outline are not required to be rectangular. To the extent that the outline follows the border edge, it should follow the ...

2009年7月21日 — Border is created inside the element, where as outline is created outside the element. So border is computed along with the width and height of ...

2021年11月28日 — 前言. border 主要用途是設定物件的邊框線， outline 是設定物件的外框線，這兩個很類似，但卻有一些細節有所差異，可以簡單用下列兩點快速比較：.

Unlike border, the outline is drawn outside the element's border, and may overlap other content. Also, the outline is NOT a part of the element's dimensions; ...

The following example shows some different outlines with different colors. Also notice that these elements also have a thin black border inside the outline: A ...